<template>
	<view class="invite">
	<!-- 	<u-picker :show="show" ref="uPicker" :columns="columns" @confirm="confirm" @cancel="$emit('close')"
			@change="changeHandler"></u-picker> -->
		<custom-picker :show="show" :columns="origiData" @confirm="confirm" @cancel="$emit('close')"></custom-picker>
	</view>
</template>

<script>
	import {
		address
	} from '@/static/js/address.js';
	import customPicker from '@/components/custom-picker/custom-picker.vue'
	export default {
		props: {
			show: {
				type: Boolean,
				default: false,
			},
			value: {
				type: Array,
				default: () => [],
			},
		},
		data() {
			return {
				columns: [],
				origiData: address, //获取到的原始数据
				// value: "", //
			};
		},
		mounted() {
			// this.handelData();
		},
		methods: {
			// //初始化开始数据
			// handelData() {
			// 	// console.log(this.origiData.value))
			// 	let sheng = [];
			// 	let shi = [];
			// 	let qu = [];
			// 	this.origiData.forEach(item => {
			// 		sheng.push(item.value);
			// 		// 设置出初始化的数据
			// 		if (item.value == '北京市') {
			// 			item.children.forEach(child => {
			// 				shi.push(child.value);

			// 				if (child.value == '北京市') {
			// 					child.children.forEach(el => {
			// 						qu.push(el.value);
			// 					});
			// 				}
			// 			});
			// 		}
			// 	}); 
			// 	this.columns.push(
			// 		JSON.parse(JSON.stringify(sheng)),
			// 		JSON.parse(JSON.stringify(shi)),
			// 		JSON.parse(JSON.stringify(qu))
			// 	);
			// },
			// changeHandler(e) {
			// 	console.log('changeHandler');
			// 	const {
			// 		columnIndex,
			// 		value,
			// 		// values, // values为当前变化列的数组内容
			// 		// index,
			// 		// 微信小程序无法将picker实例传出来，只能通过ref操作
			// 		picker = this.$refs.uPicker,
			// 	} = e;
			// 	// console.log('测试数据', e);
			// 	this.changeColumIndex(columnIndex, value, picker);

			// },
			// changeColumIndex(columnIndex, value, picker) {
			// 	// 当第一列值发生变化时，变化第二列(后一列)对应的选项
			// 	if (columnIndex === 0) {
			// 		// console.log(value)
			// 		// picker为选择器this实例，变化第二列对应的选项
			// 		this.origiData.forEach(item => {
			// 			if (value[0] == item.value) {
			// 				let shi = [];
			// 				let flag = item.children[0].value;
			// 				item.children.forEach((val, ol) => {
			// 					shi.push(val.value);
			// 					if (shi[0] == flag) { //设置默认开关（选择省份后设置默认城市）
			// 						flag = '';
			// 						let qu = [];
			// 						val.children.forEach(vol => {
			// 							qu.push(vol.value);
			// 						});
			// 						picker.setColumnValues(2, qu);
			// 					}
			// 				});
			// 				picker.setColumnValues(1, shi);
			// 			}
			// 		});
			// 	}
			// 	//当第二列变化时，第三列对应变化
			// 	if (columnIndex === 1) {
			// 		this.origiData.forEach(item => {
			// 			if (value[0] == item.value) {
			// 				let shi = [];
			// 				item.children.forEach((val, ol) => {
			// 					shi.push(val.value);
			// 					if (value[1] == val.value) {
			// 						let qu = [];
			// 						val.children.forEach(vol => {
			// 							qu.push(vol.value);
			// 						});
			// 						picker.setColumnValues(2, qu);
			// 					}
			// 				});
			// 			}
			// 		});
			// 	}
			// },
			// 确认选中的数据
			confirm(e) {
				// console.log('confirm', JSON.stringify(e));
				// const value = e.value[0] + e.value[1] + e.value[2]

				this.$emit('confirm', e.value);
				this.$emit('close');
			}
		}
	};
</script>

<style>

</style>